<div class="clearfix" [ngClass]="{'diy-width-200':currentItems?.expanded==='true','diy-width-100':currentItems?.expanded==='false'}">
  <div class="out-aside-warp">
    <div class="out-aside">
      <div class="aside-logo"><img src="/assets/images/logo_new_color.png" alt=""></div>
      <ul class="list-unstyled" *ngFor="let all of menus">
        <li class="aside-item " *ngFor="let menuItem of all"
            [ngClass]="{'aside-item-active':menuItem.selected === 'true'}" (click)="toggle('/'+menuItem.path)">
        <span class="aside-item-name">
          <span class="aside-item-icon iconfont {{menuItem.icon}}"></span>{{menuItem.title}}
        </span>
        </li>
      </ul>
    </div>
  </div>

  <div class="sec-side-warp" *ngIf="currentItems.expanded==='true'">
    <div class="sec-side">
      <div class="fir-side-title">{{currentItems.title}}</div>
      <ul class="list-unstyled">
        <li class="sec-aside-item" *ngFor="let item of currentItems.children">
          <a *ngIf="item.children.length===0" routerLink="{{'/'+currentItems.path+'/'+item.path}}"
             routerLinkActive="sec-aside-item-active" class="sec-aside-item-name">{{item.title}}</a>
           <span class="sec-aside-item-name" *ngIf="item.children.length>0"
                (click)="toggleChildren('/'+currentItems.path+'/'+item.path)"><span
            class="sec-aside-item-icon iconfont"
            [ngClass]="{'icon-1':item.expanded==='true','icon-1-copy':item.expanded==='false'}"></span>{{item.title}}</span>

          <span *ngIf="item.expanded==='true'">
        <ul class="list-unstyled" *ngFor="let i of item.children">
          <li class="sec-aside-item">
            <a routerLink="{{'/'+currentItems.path+'/'+item.path+'/'+i.path}}"
               routerLinkActive="sec-aside-item-active" class="sec-aside-item-name">{{i.title}}</a>
          </li>
        </ul>
          </span>


        </li>
      </ul>
    </div>
  </div>

</div>

<!--<ul class="list-unstyled" *ngFor="let all of menuItems">
  <li class="aside-item" *ngFor="let menuItem of all"
      [ngClass]="{'aside-item-active':menuItem.data.menu.selected==true}" (click)="toggle('/'+menuItem.path)">
    <a routerLink="{{'/'+menuItem.path}}" [ngClass]="{'aside-item-active':menuItem.data.menu.selected==true}"
       style="display: block;">
      <span class="aside-item-icon iconfont {{menuItem.data.menu.icon}}"></span>
      <span class="aside-item-name">{{menuItem.data.menu.title}}</span>
      <span class="aside-item-right-icon iconfont icon-right"
            [ngClass]="{'icon-xiangyou':menuItem.data.menu.selected==false,'icon-xiangxia-copy':menuItem.data.menu.selected==true} ">
        </span>
    </a>
    <div class="sec-nav" *ngIf="menuItem.children"
         [ngClass]="{'collapse':menuItem.data.menu.selected==false,'collapse_in':menuItem.data.menu.selected==true}">
      <div class="sec-aside-item" *ngFor="let itemchildren of menuItem.children" routerLinkActive="active"><a
        routerLink="{{'/'+menuItem.path+'/'+item.path}}">{{item.data.menu.title}}</a></div>
    </div>
  </li>
</ul>-->
